html,
body {
    font-weight: 300;
    padding-bottom: 1.6rem;
}
.banner {
    width: 10.0rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.swipe {
    overflow: hidden;
    position: relative;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > div {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.swipe-wrap img {
    height: 10rem;
}
nav {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0.133333rem;
}
#position li {
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    margin: 0 0.04rem;
    -webkit-border-radius: 0.666667rem;
    border-radius: 0.666667rem;
    overflow: hidden;
    background-color: #e5e5e5;
}
#position li.on {
    background-color: #ff0000;
}
.cnt-box {
    width: 9.466667rem;
    padding: 0.266667rem;
    margin: 0 auto;
}
.cnt-box .tit {
    color: #333333;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;/*这个参数根据需要来绝对要不要*/
}
[data-dpr="1"] .cnt-box .tit {
    font-size: 20px;
    line-height: 26px;
}
[data-dpr="2"] .cnt-box .tit {
    font-size: 40px;
    line-height: 52px;
}
[data-dpr="3"] .cnt-box .tit {
    font-size: 60px;
    line-height: 78px;
}
.cnt-box .tit .tag {
    display: inline-block;
    padding: 0 0.106667rem;
    margin-right: 0.066667rem;
    border-radius: 0.04rem;
    text-align: center;
    color: #fff;
    float: left;
}
[data-dpr="1"] .cnt-box .tit .tag {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-top: 2px;
}
[data-dpr="2"] .cnt-box .tit .tag {
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    margin-top: 4px;
}
[data-dpr="3"] .cnt-box .tit .tag {
    height: 60px;
    line-height: 60px;
    font-size: 36px;
    margin-top: 6px;
}

/* 自营 */
.cnt-box .tit .tag.zy {
    margin-right: 0.15rem;
    /*background-color: #ff4400;*/
    background-color: #f8f5e4;
    color: #c8a200;
    border-radius: 0.1rem;
    width: 1.2rem;
}

/*淘宝价*/
.tb_price{
    min-width:2rem;
    max-width: 2.5rem;
    height:0.6rem;
    line-height:0.6rem;
    font-family:"PingFangHK-Regular";
    color:#f3630a;
    font-size:0.3rem;
    border:1px solid #f3630a;
    border-radius:0.1rem;
    margin-top: 0.15rem;
    text-align: center;

}


.price-box {
    margin-top: 0.266667rem;
}
.price-box .final-price {
    color: #333;
    font-size: 0.346667rem;
    font-weight: normal;
}
.price-box .final-price em {
    color: #ff4242;
    font-size: 0.693333rem;
    margin-left: 0.066667rem;
}
.price-box .refund {
    color: #333;
    font-size: 0.346667rem;
    font-weight: normal;
    float: right;
    line-height: 1.0rem;
}
.sale-num {
    color: #666;
    font-size: 0.32rem;
    margin-top: 0.266667rem;
}
.sale-num em {
    color: #ff4242;
}
.rule-box {
    width: 10rem;
    margin: 0 auto;
}

.rule-box .rule-title , .rule-box .size-title{
    height:0.5rem;
    margin-top:0.3rem;
    line-height:0.5rem;
    padding-left: 0.3rem;
    color:#333333;
    font-size: 0.37rem;
}
.rule-detail,.size-detail {
    width:10rem;
}
.rule-detail li, .size-detail li {
    margin-top:0.3rem;
    display: inline-block;
    list-style: none;
    border-radius: 0.5rem;
    padding:0.15rem 0.5rem;
    margin-left:0.3rem;
    font-size: 0.3rem;
}
.noselect {
    background-color: #f3f3f3;
}

.select {
    background-color:#ff4242;
    color:ghostwhite;
}
.guide {
    width: 10rem;
    margin: 0.106667rem auto;
}
.guide img {
    width: 10rem;
}
.desc {
    width: 9.466667rem;
    color: #333;
    font-size: 0.373333rem;
    line-height: 0.48rem;
    padding: 0.266667rem;
    margin: 0 auto;
}
.detail-wrap {
    width: 10.0rem;
    margin: 0 auto;
    padding-top: 0.4rem;
    overflow: hidden;
}
.detail-wrap img {
    width: 10rem;
}
.detail-wrap .detail-desc {
    padding: 0.133333rem 0.266667rem;
    color: #333;
    font-size: 0.373333rem;
    line-height: 0.533333rem;
}

.footer-bar {
    width: 10.0rem;
    height: 1.333333rem;
    background-color: #fff;
    position: fixed;
    left: 50%;
    bottom: 0;
    margin-left: -5rem;
    box-shadow: 0 -0.04rem 0.08rem rgba(0,0,0,0.05);
}
.footer-bar .chat {
    width: 0.64rem;
    height: 1.333333rem;
    display: block;
    padding: 0 0.48rem;
    background: url(/image/common/chat.png) center center no-repeat;
    background-size: 0.64rem 0.64rem;
    float: left;
}
.footer-bar .favor {
    width: 0.64rem;
    height: 1.333333rem;
    display: block;
    padding: 0 0.133333rem;
    background: url(/image/payback/favor.png) center center no-repeat;
    background-size: 0.64rem 0.586667rem;
    float: left;
}
.footer-bar .btn {
    padding: 0 0.266666rem;
    height: 0.986667rem;
    display: block;
    float: right;
    margin-top: 0.173333rem;
    margin-right: 0.266667rem;
    background-color: #eeeeee;
    text-align: center;
    line-height: 0.986667rem;
    color: #333;
    border-radius: 0.066667rem;
    font-size: 0.426667rem;
}
.footer-bar .btn.disable {
    color: #fff;
    background-color: #999;
}
.footer-bar .btn.able {
    color: #fff;
    background-color: #ff0000;
}
#countdown {
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #fff;
    color: #333;
    font-size: 0.32rem;
    text-align: center;
    margin: -0.266667rem 0 0.266667rem 0;
    border-bottom: 2px solid #f4f4f4;
    z-index: 2;
}
[data-dpr="1"] #countdown {
    border-bottom: 1px solid #f4f4f4;
}
[data-dpr="3"] #countdown {
    border-bottom: 3px solid #f4f4f4;
}
#countdown i {
    font-size: 0.32rem;
}
#countdown em {
    display: inline-block;
    font-weight: bold;
    padding: 0 0.106667rem;
    height: 0.533333rem;
    line-height: 0.533333rem;
    margin: 0.333333rem 0.133333rem 0 0.333333rem;
    border-radius: 0.066667rem;
    background-color: #f4f4f4;
    color: #ff4242;
    text-align: center;
}

.upgrade-account {
    width: 10rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
    z-index: 9999;
    display: none;
}
.upgrade-account .tit {
    color: #333;
    font-size: 0.48rem;
    margin-top: 0.4rem;
}
.upgrade-account .sub-tit {
    color: #333;
    font-size: 0.4rem;
    line-height: 0.64rem;
    font-weight: normal;
    margin-top: 0.906667rem;
}
.upgrade-account .asset {
    margin-top: 1.013333rem;
}
.upgrade-account .asset p {
    color: #333;
    font-size: 0.48rem;
    line-height: 0.773333rem;
}
.upgrade-account .tip {
    padding: 0 1.013333rem;
    margin-top: 1.306667rem;
    color: #333;
    font-size: 0.4rem;
    line-height: 0.666667rem;
    text-align: left;
}
.upgrade-account .btn-wrap {
    margin-top: 1.333333rem;
    padding: 0 1.253333rem;
}
.upgrade-account .btn-wrap .btn {
    width: 3.333333rem;
    height: 1.066667rem;
    line-height: 1.066667rem;
    border-radius: 0.066667rem;
    text-align: center;
    color: #fff;
    font-size: 0.48rem;
}
.upgrade-account .btn-wrap .cancel {
    background: #ccc;
    float: left;
}
.upgrade-account .btn-wrap .confirm {
    background: #ff4242;
    float: right;
}
.bind-taobao-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 9999;
    display: none;
}
.bind-taobao-wrap .bind {
    width: 7.093333rem;
    margin: 0 auto;
    background: #fff;
    border-radius: 0.106667rem;
    margin-top: 40%;
    padding: 0.826667rem 0.88rem 0.933333rem 0.88rem;
}
.bind-taobao-wrap .bind .tit {
    font-size: 0.533333rem;
    font-weight: normal;
    color: #333;
    text-align: center;
    margin-bottom: 0.72rem;
}
.bind-taobao-wrap .bind .content {
    color: #666;
    font-size: 0.373333rem;
    line-height: 0.64rem;
    margin-bottom: 0.933333rem;
}
.bind-taobao-wrap .bind .btns .btn {
    display: block;;
    width: 3.333333rem;
    height: 1.066667rem;
    font-size: 0.48rem;
    line-height: 1.066667rem;
    text-align: center;
    border-radius: 0.106667rem;
}
.bind-taobao-wrap .bind .btns {
    overflow: hidden;
}
.bind-taobao-wrap .bind .btns .cancel {
    color: #666;
    border: 2px solid #999;
    float: left;
}
[data-dpr="1"] .bind-taobao-wrap .bind .btns .cancel {
    border: 1px solid #999;
}
[data-dpr="3"] .bind-taobao-wrap .bind .btns .cancel {
    border: 3px solid #999;
}
.bind-taobao-wrap .bind .btns .go-bind {
    color: #fff;
    background: #ff2035;
    border: 2px solid #ff2035;
    float: right;
}
[data-dpr="1"] .bind-taobao-wrap .bind .btns .go-bind {
    border: 1px solid #ff2035;
}
[data-dpr="3"] .bind-taobao-wrap .bind .btns .go-bind {
    border: 3px solid #ff2035;
}
